/* Paper theme CSS
 * i.e. overrides for
 * https://github.com/codemirror/CodeMirror/blob/master/lib/codemirror.css
 */

.CodeMirror {
  font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace;
  font-size: 17px;
  line-height: 1.8em;
  color: #1a1a1a;
}
div.CodeMirror {
  height: 100vh;
  background-color: #f7f7f7;
}

/* Make editor resize to fit its content
 * see https://codemirror.net/doc/manual.html#styling
 * and https://codemirror.net/demo/resize.html
 */
.CodeMirror-scroll {
  overflow-x: auto;
  overflow-y: hidden;
}
.CodeMirror-lines { /* div holding all the text lines */
  padding: 60px 50px 50px 50px;
  max-width: 40em;
  margin: 0 auto;
}

.CodeMirror-sizer {
  overflow: hidden;
}

.CodeMirror-vscrollbar:focus {
  outline: 0;
}

.CodeMirror-dialog {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  font-size: 13px;
  width: 100%;
  padding: 2px 50px;
  box-sizing: border-box;
  background: rgba(230, 230, 230, 0.75);
  z-index: 10;
  position: fixed;
  bottom: 0;
}
.CodeMirror-search-field {
  font-size: 13px;
  width: 200px !important;
  margin-left: 15px;
}
.CodeMirror-search-hint {
  display: none;
}

.CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid black;
}

.cm-s-paper .cm-keyword      { color: #888; }
.cm-s-paper .cm-atom         { color: #888; }
.cm-s-paper .cm-variable     { color: #1a1a1a; }
.cm-s-paper .cm-variable-2   { color: #1a1a1a; }
.cm-s-paper .cm-variable-3   { color: #1a1a1a; }
.cm-s-paper .cm-property     { color: #1a1a1a; }
.cm-s-paper .cm-operator     { color: #1a1a1a; }
.cm-s-paper .cm-comment      { color: #888; }
.cm-s-paper .cm-meta         { color: #888; }
.cm-s-paper .cm-qualifier    { color: #888; }
.cm-s-paper .cm-builtin      { color: #888; }
.cm-s-paper .cm-quote        { color: #888; }
.cm-s-paper .cm-hr           { color: #888; }
.cm-s-paper .cm-def          { color: #888; }
.cm-s-paper .cm-image-marker { color: #888; }

/* HTML stuff
.cm-s-paper .cm-bracket    { color: #888; }
.cm-s-paper .cm-tag        { color: #888; }
.cm-s-paper .cm-attribute  { color: #888; }
.cm-s-paper .cm-string     { color: #888; }
.cm-s-paper .cm-string-2   { color: #888; }
*/

.cm-s-paper .cm-link {
  color: #888;
  text-decoration: none;
}
.cm-s-paper .cm-url {
  color: #888;
  text-decoration: underline;
}
